<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
  th:replace="header">
<div th:fragment="content">

<!-- 添加任务 -->
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header"><h4></h4></div>
                <div class="card-body">

                    <form action="#!" method="post">
                        <div class="form-group">
                            <label>任务名称</label>
                            <input class="form-control" type="text" name="role-input" placeholder="表单名称">
                        </div>

                        <div class="form-group">
                            <label>填报模板</label>
                            <select class="form-control" name="example-select" size="1">
                                <option value="0">请选择填报模板</option>
                                <option value="1">学生基本信息填报 #1</option>
                                <option value="2">学生基本信息填报 #2</option>
                                <option value="3">学生基本信息填报 #3</option>
                            </select>
                        </div>

                        <div class="form-group">
                            <label>任务开始时间</label>
                            <input class="form-control" type="date" placeholder="2020-02-23">
                        </div>


                        <div class="form-group">
                            <label>任务结束时间</label>
                            <input class="form-control" type="date" placeholder="2020-02-23">
                        </div>
                        <div class="form-group">
                            <label>任务范围</label>

                            <div class="table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                    <tr>
                                        <th>
                                            <label class="lyear-checkbox checkbox-primary">
                                                <input name="checkbox" type="checkbox" id="check-all">
                                                <span> 全选 </span>
                                            </label>
                                        </th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    <tr>
                                        <td>
                                            <label class="lyear-checkbox checkbox-primary checkbox-inline">
                                                <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-6-20" value="20">
                                                <span> 信息工程学院</span>
                                            </label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="p-l-40">
                                            <label class="lyear-checkbox checkbox-primary checkbox-inline">
                                                <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-6-20" value="20">
                                                <span> 16软件</span>
                                            </label>
                                            <label class="lyear-checkbox checkbox-primary checkbox-inline">
                                                <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-6-21" value="21">
                                                <span> 17软件</span>
                                            </label>
                                            <label class="lyear-checkbox checkbox-primary checkbox-inline">
                                                <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-6-44" value="44">
                                                <span> 18软件</span>
                                            </label>
                                            <label class="lyear-checkbox checkbox-primary checkbox-inline">
                                                <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-6-44" value="44">
                                                <span> 18软件</span>
                                            </label>
                                            <label class="lyear-checkbox checkbox-primary checkbox-inline">
                                                <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-6-44" value="44">
                                                <span> 18软件</span>
                                            </label>
                                        </td>
                                    </tr>


                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="form-group">
                            <button type="button" class="btn btn-info">发布任务</button>
                            <button onclick="reset()" type="button" class="btn btn-danger">清除设置</button>
                        </div>

                    </form>
                </div>

            </div>
        </div>

    </div>

    <script>
        // 清除设置按钮点击事件
        function reset() {
            $("form").reset();
        }
    </script>
</div>
</html>